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METHOD AND APPARATUS FOR SYNCHRONIZED PREVIEWING 
USER-INTERFACE APPEARANCE ON MULTIPLE PLATFORMS 

BACKGROUND OF THE INVENTION 

Field of the Invention 

The present invention generally relates to the generation of user-interface representations 
across multiple platforms. Specifically, a graphic user interface presentation developed for a 
specific device or platform and a specific application is converted into an abstract presentation 
allowing a designer to immediately get a sense of the layout in terms of size and position of the 
user-interface entities. Device-specific emulators are eliminated by linking a device-independent 
model to device-dependent multiple views for either a single device or multiple devices for 
simultaneous, consistent, and synchronized stylized rendering on a commonly available viewing 
device such as a personal computer display device. 

Description of the Related Art 
With the growing proliferation of mobile computing devices, development of technology 
to support applications for these devices has been increasingly important. Of particular 
importance in the future will be technology that supports application development for deployment 
on multiple devices, including mobile phones and personal digital assistants (PDAs). 
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However, a problem when developing software intended for multi-device deployment is 
previewing the user- interface, particularly on devices that have graphical user-interfaces (GUIs). 
Each device has different interface characteristics, including display size, resolution, and 
user-interface widget characteristics. Some of these, such as display size, are inherent 
5 characteristics of the device. Others are a function of the user-interface toolkit or GUI toolkit 
employed. Some devices provide support for multiple toolkits. For purposes of the present 
application, the term "device", meaning typically one of potentially many devices, on which a user 
interface is to be deployed, is referred to as a "target device". 

Currently, a software developer or designer has several options when building software 
111 10 intended for multi-device deployment. A first option is to actually run the software on each of the 

== i 

; : 5 

^ target devices. This requires downloading executable code to each device and viewing its 

^* operation in situ. This can be time-consuming and requires that the developer have access to each 

fij of the target devices. Access becomes increasingly difficult as the types of devices available 

13 proliferates. 

a 

= d * 15 A second option is to run emulators. This obviates the necessity of having a separate 

physical unit for each type of device to be tested. An emulator gives an accurate rendering of the 
interface on a different device, for example, displaying on a desktop PC emulator what one would 
see on a particular model of mobile phone. It also typically provides a simulation of interaction 
with that device, using whatever input modes are available on the host device, meaning whatever 
20 input modes are available on the device running the emulation. Thus, a mobile phone emulator 
might simulate the pressing of keypad buttons using soft buttons activated by a "point and click" 
mouse. 
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However, while emulation eliminates the need for a separate testing device for each 
hardware platform to be supported, there are still problems with this approach. For example, 
software emulators are not always available. Even when emulators can be obtained, running a 
number of emulators can be unwieldy and cumbersome. Each emulator runs as a stand-alone 
program. Each must be initialized, loaded with the code to be tested, and viewed separately. 
Although this might be reasonable for final "production" code, code under development typically 
requires that changes/updates be viewed frequently. Finally, each emulator is typically a separate 
program, which must be obtained, learned, and managed. Dealing with a large suite of emulators 
when developing multi-platform software can be quite burdensome. 



SUMMARY OF THE INVENTION 



In view of the foregoing and other problems, disadvantages, and drawbacks of the 
conventional methods, the present invention provides a method (and system) for previewing 
user-interfaces on multiple platforms. In the following discussion, the term "simultaneous" means 
the display representation at the same time on a display device of an application as used on 
multiple devices. The term "consistent" means that all the display representations provide a 
uniform appearance. The term "synchronized" means that any changes to the device-independent 
specification will reflect in all views simultaneously. The term "display representation" means a 
stylized rendering of an application interface. 
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Therefore, it is an object of the present invention to provide a method for simultaneously 
previewing user-interfaces on multiple platforms with a consistent stylized rendering of 
application interfaces. 

It is also an object of the present invention to provide a method in which the stylized 
rendering is synchronized so that any changes to a device-independent specification will 
simultaneously reflect in all views. 

It is also an object of the present invention to provide a method in which a graphic user 
interface presentation developed for a specific device or platform and a specific application is 
converted into an abstract presentation allowing a designer to immediately get a sense of the 
layout in terms of size and position of the user-interface entities. 

It is also an object of the present invention to provide a method whereby device-specific 
emulators are eliminated by providing a device-independent model linked to device-dependent 
multiple views for either a single device or for multiple devices for simultaneous, consistent, and 
synchronized viewing on a commonly used viewing device such as a personal computer. 

It is also an object of the present invention to eliminate the need to download/run separate 
emulators for each target platform. 

It is also an object of the present invention to provide a method and apparatus whereby all 
views of a target device user interface could be viewed at the same time. 

It is also an object of the present invention to provide a method and apparatus whereby all 
views of a single target device or of multiple target devices are consistent. 

It is also an object of the present invention to provide a method and apparatus whereby it 

is easy to preview new devices, even if emulators are not available. 
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It is also an object of the present invention to provide a development tool for use in 
multi-platform development and environments, for use in development of new devices, and for 
use in integrated software development environments. 

It is also an object of the present invention to provide a stand-alone multi-platform 
5 previewer. 

In order to attain the objects suggested above, there is provided, according to one aspect 
of the invention a method, system, and apparatus for emulating on a single display platform an 
application's user interface as it would appear on each of a number of target devices, given a set 

,f| of device characteristics for any device to be emulated and a formal description of one or more 

!*l 

\i\ 10 applications to be emulated. The method includes combining a selected one or more of the device 

m 

jjjj characteristics and a selected one of the application formal descriptions and providing a 

simultaneous and consistent display representation for the selected application, thereby providing 

a 

!/| a stylized rendering of the selected application's interface in a uniform appearance and in which 

D the selected application's interface for a plurality of the target devices can be simultaneously 

^ a 15 viewed. 

According to a second aspect of the invention, there is disclosed a signal-bearing medium 
tangibly embodying a program of machine-readable instructions executable by a digital processing 
apparatus to emulate on a single display an application's user interface as it would appear on each 
of a number of target devices, given a set of device characteristics for any device to be emulated 
20 and a formal description of one or more applications to be emulated. The set of instructions 

includes a layout generator for combining a selected one or more of the device characteristics and 
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a selected one of the application formal descriptions and a layout manager for providing a 
simultaneous and consistent display representation for the selected application. 

With the invention, a graphic user interface for an application can be viewed on a display 
device in a simultaneous, consistent, and synchronized stylized rendering as a representation of 
the display on any number of target display devices. 

BRIEF DESCRIPTION OF THE DRAWINGS 

The foregoing and other objects, aspects and advantages will be better understood from 
the following detailed description of a preferred embodiment(s) of the invention with reference to 
the drawings, in which: 

Figure 1 shows an exemplary greeked user-interface representation; 

Figure 2 shows examples of exemplary greeked representations for a single 
device-independent specification as it might appear on several target devices; 

Figure 3 shows an exemplary system architecture for a preferred embodiment of the 
invention; 

Figure 4 shows exemplary alternate layouts for multiple linked greeked views of 
device-specific user-interfaces according to the present invention; 

Figure 5 shows inputs and outputs of the layout generator according to the present 
invention; 

Figure 5 A demonstrates typical content of a typical user-interface description file 

according to the present invention; 
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Figure 5B demonstrates typical content of a typical device characteristics file according to 
the present invention; 

Figure 5C demonstrates typical content of a typical toolkit description file according to the 
present invention; 

Figure 5D demonstrates typical contents of a typical device-specific layout specification 
file according to the present invention; 

Figure 5E is a flowchart of an exemplary layout generator process according to the 
present invention; 

Figure 6 demonstrates a typical example of inputs and outputs for the layout generator 
according to the present invention; 

Figure 7 demonstrates a typical example of inputs and outputs for the layout manager 
according to the present invention; 

Figure 8 demonstrates the layout manager inputs and outputs for two target devices 
according to the present invention; 

Figure 9A shows a second preferred embodiment of the present invention in which the 
system architecture is modified to support direct manipulation update of the device-independent 
specification via greeking views with simultaneous linked update of all views; 

Figure 9B shows a typical example of file format modifications to support the 
direct-manipulation changes to the greeked view, as illustrated by Figure 9A. 

Figure 10 illustrates an exemplary hardware/information handling system 1000 for 
incorporating the present invention therein; and 
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Figure 1 1 illustrates a signal bearing medium 1 100 (e.g., storage medium) for storing steps 
of a program of a method according to the present invention. 



DETAILED DESCRIPTION OF PREFERRED 
EMBODIMENTS OF THE INVENTION 



Referring now to the drawings, and more particularly to Figure 1, the method involves 
maintaining multiple synchronized views of the user-interface, and presenting a uniform 
representation in each view using a stylized rendering that is termed herein as "greeking" Usage 
of this term in the present application is an extension of the current meaning of greeking in which 
random letters or marks are used to show the overall appearance of a printed page without 
showing the actual text. With computers, greeking is currently typically used when a page to be 
previewed for printing is too small to be readable on the screen so as to display the layout without 
presenting all the details. 

Similarly, the present invention uses a greeking representation to display the layout of an 

interface while hiding the details. Figure 1 shows an example of a greeked interface 10. Note 

that each of the interface entities 1 1, referred to herein as "widgets", is displayed identically as a 

simple rectangle with a generic description of the contents. This abstracted presentation allows 

the designer to very quickly get a sense of the layout in terms of size and position of the interface 

items. The display device upon which the target device interface representation 10 is viewed by a 

system developer is referred to as the "design display device" and would typically be, for example, 

a personal computer display or the like. It should be obvious that the stylized representation 
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using rectangles and generic description labels shown in Figure 1 is only one simple example, and 
that many other versions and combinations would also be able to provide the basic interface 
information. For example, a designer might be interested in only the relative sizes of the widgets 
and have no need for the generic labels. 

Figure 2 shows an example using the invention in which a single device-independent 
specification 21 is converted into greeked representations for the layout as it would appear on 
three different devices 22, 23, 24. As described below, there is also linking between the different 
device views. Note that the six interface widgets 25 described by the device-independent 
specification appear in appropriate size and location on each of the three devices. By using a 
single, simple, consistent linked representation for user interfaces on all target devices, a single 
emulation engine allows an interface to be emulated as an abstract representation on any device 
that can be formally described using, for example, a standardized representation such as CC/PP 
(Composite Capabilities/ Preference Profile) which is an Internet framework specifying how client 
devices express their capabilities and preferences to the web server that originates the content 
(reference URL: "www.w3.org/TR/CCPP-ra/" for more information on CC/PP). This 
simplification and abstraction is a key aspect of the invention. Depending upon the intended 
purpose, the representation 26 of the device independent specification 21 itself may or may not be 
rendered for viewing. 

Figures 3-11 show preferred embodiments of the present invention. Figure 3 illustrates a 

block diagram of the invention according to a first preferred embodiment. The input includes at 

least one device-independent interface specification 3 1 and at least one corresponding set of 

device characteristics 32. 
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The device-independent interface specification 3 1 is a generic representation of the 
interface without any device-specific information. Information in this specification would include 
an abstraction description of each user-interface widget including an abstract type and generic 
properties, a suggested ordering for the widgets, general purpose constraints including things such 
5 as grouping and positioning, etc. The device-independent interface layout information may be 
textual, for example, XML (extensible markup language) or non-textual (i.e., binary) information 
in files on electronic storage media or may be represented internally in computer memory. 

The device characteristics specification 32 provides information about the target device 

rl 

and GUI toolkit. This information may include, but is not limited to, such characteristics as 

III 10 screen size, screen resolution, default widget sizes, etc. The device characteristics may be textual 

Rl 

^ (e.g., XML) or non-textual (i.e., binary) information in files on electronic storage media or may be 

? represented internally in computer memory. 

I r| The device-independent interface specification and the set of device characteristics are 

13 input to layout generator module 33. The layout generator contains specification parsers, 

13 

f=i * 15 automated layout algorithms, and other components necessary to produce a set of device-specific 

interface layout specifications 34, (e.g., one specification per device in the device characteristics 

set). Thus, each device-specific interface layout provides information on the interface for a single 

device. This information may include, but is not limited to, widget types, widget placements, 

widget sizes, page break locations, etc, for that specific target device. It also contains a reference 

20 to the type of device on which the interface is to be displayed. It is noted that the device-specific 

interface layout information may be very specific (e.g., exact sizes/positions for each widget), or 

may be quite abstract and general (e.g., only widget types, but no size/positioning information, 
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etc.), depending on the capabilities of the layout manager. The device-specific interface layout 
information may be textual (e.g., XML) or non-textual (i.e., binary) information in files on 
electronic storage media, or may be represented internally, in computer memory. 

The layout manager 35 takes as an input one or more device-specific interface layout 
5 specifications 34. The layout manager 35 is essentially a renderer, and may also include an event 
manager if the output views are to allow for linked direct manipulation by the user. The output 
from the layout manager is one greeked layout view 36, 37, 38 per specification 34. This output 
may be directly displayable (e.g., a bitmap), or may be a symbolic layout specification (e.g., 

^: rectangle sizes and positions) for use by a lower-level rendering engine. Labels could be added as 

jij 

!j| 10 an option. Although the invention primarily addresses generation of multiple views of the same 

m 

\U interface on multiple devices, a similar architecture could be readily devised that would permit 

m 

|s * viewing different interfaces on the same device, or different interfaces on different devices. 

j|i The final greeked multiple layouts may be managed in a number of different ways, as 

is I 

p shown in Figure 4. For example, they may all be presented simultaneously in a set of tiled 

H* 15 windows 41 or cascaded windows 42. They may be stored internally, and presented 

one-at-a-time 43 through user selection such as a radio button 44. In this case, the layout 
generator and manager may produce greeked layouts in a "lazy" fashion, i.e., on demand. 

A preferred embodiment of the invention, following the architecture of Figure 3, is now 
described in detail. Note that a number of simplifications have been made for the purposes of 
20 exposition. A person of ordinary skill in the art will readily observe obvious extensions required 
for implementing this invention as well as refinements. 
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Figure 5 shows details of the inputs and outputs for the Layout Generator 33. This 
module receives a plurality of inputs from a plurality (e.g., three) of input sources: including, for 
example, a generic user-interface description for an application 100, a set of device descriptions 
600, one per device that is to be previewed, and a set of toolkit descriptions 200, one per toolkit 
to be used in generating device-specific rendering. Note that the device descriptions and toolkit 
descriptions can be stored either individually or together with no loss of generality. The Layout 
Generator 33 creates a set of screen definitions 500, one set per device to be previewed. Details 
of this figure will be described and referenced in the process descriptions below. 

The User Interface (UI) Model 100 is a device-independent description (see also item 3 1 
of Figure 3) of an application user-interface. The UI Model 100 contains a set of Interactor 
descriptions 110, one per interactor type. An interactor is an abstract description of a 
user-interface element that accepts input from a user, displays output to a user, or does both. For 
example, an "Input" interactor, accepts input, and may show a label. Input would correspond to 
the class "TextField" in the java AWT toolkit, for example. Each interactor has a set of 
properties 120. These include the interactor type, as well as other properties, such as "label". 

Figure 5 A gives an example of a UI Model description. A name 100 is specified followed 

by a set of interactor descriptions. Each interactor description begins with a name and a type 110, 

130, 160, followed by a set of properties 120, 140, 150, 170, 180. Each property is a name, value 

pair. In this example can be seen two types of interactors, an "Input" interactor 1 10-120 that is 

used for entering a field of information, and a "Selectable List" interactor 130-150,160-180, 

which is used for selecting one or more items from a list. Input interactors are typically realized 

as type-in fields on specific devices. Selectable Lists may be realized as popup menus, as choice 
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lists, etc. Properties include items such as the label to be displayed with the interactor 120, 140, 
170, or a flag indicating whether a list should allow the selection of only one or of multiple items 
150, 180. 

Figure 5B shows an example of the device characteristics file 32 shown in Figure 3. This 
file contains the name of the device 100, the toolkit that is to be used for rendering 1 10 and the 
physical dimensions of the display 120. This file might also contain information about other 
physical properties, such as number of hard buttons (function keys). 

Figure 5C shows an example of the toolkit description file, which is a subcomponent of 
item 32 shown in Figure 3. The file specifies the name of the toolkit 100, and a set of mapping 
definitions. Each mapping definition describes the mapping from a single interactor (an abstract 
element, specified in the UI Model) to a single widget (a concrete element, which can be 
rendered). The mapping definition specifies an interactor type, and a widget type 100, 130 
followed by a set of sizing formulas 110, 120, 140, 150. Each sizing formula calculates a 
property of the widget, for example, "Width" 1 10 for the EntryField widget. The sizing formulas 
use properties, for example, "label. numChars" which specifies the property "label" and a special 
operator "numChars" that retrieves the number of characters, whose values are defined in the UI 
Model. 

Figure 5D shows an example of a device- specific layout specification file 34 (Figure 3) 

produced by the layout generator. This file specifies the UI Model (application), the target 

device, and the toolkit 100. This is followed by a set of screen definitions 1 10-200, 210-260. A 

screen definition has a header 1 10, 210 followed by a set of widget definitions. A widget 

definition defines a widget type 120, 160, 220, the concrete widget that is to be rendered for that 
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device/toolkit combination. Following this is a set of attribute definitions 130, 140, 150, 170, 
180, 190, 200, 230, 240, 250, 260. Each attribute definition includes a name/value pair. The 
name refers to a property of the concrete widget, and the value is the value to be assigned to that 
property. Such assignment might be through a "JavaBeans"-like mechanism (e.g., the attribute 
"Label" is assigned using a method called "setLabel"), or other invocation mechanisms. 

An example of the layout generator processing is described by the pseudocode below and 
in flowchart format in Figure 5E. The description refers back to the block diagram in Figure 5. 
Note that many different layout algorithms are possible, implementing a wide variety of layout 
policies. The following process description is only one simple exemplary example. 

Using the Toolkit designation (610) in the Device Characteristics specification (600), 
locate the appropriate Toolkit Characteristics specification (200) 
[reference SI 00 on Figure 5E flowchart] 

Start a new Screen definition (510) 
[S101] 

For each Interactor definition (1 10) in the UI Model definition (100) 
[S102, S103, Sill] 

{ 

o Find the Mapping entry (210) corresponding to this Interactor (1 10) by matching 
its type against the Interactor type (220). [S104] This defines a concrete 
realization of the abstract Interactor. The type of the realization is specified by the 
Widget type (230). 

o Create a Widget Definition (520) for the current Interactor. [SI 05] Assign the 
Widget Type (530) using the Widget Type (230) from the Mapping (210). 

o Retrieve the Properties (120) from the Interactor (110) and copy into the 
Attributes (540) of the Widget Definition. [S106] 

o Retrieve size properties from the Properties (240). Use these to calculate the size 
of the widget by applying the sizing formulas (240). [SI 07] These formulas 
specify widget sizes (usually in pixels) based on size properties such as maximum 
number of characters. For example: width = 10*(maximum number of characters) 
+ 20 

o If the concrete realization of the widget will not fit in the new screen (based on the 

size attributes just calculated) start a new Screen definition (510). [SI 08, SI 09] 
o Place the Widget Definition (520) in the current Screen definition (510). [SI 10] 

} 
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Figure 6 shows an example of the above process in which layouts are created for an 
application specified by an abstract UI Model 100, to be displayed on a Desktop PC, using the 
Java ® AWT library to do the UI Rendering. The characteristics of the Desktop PC used here as 
the design display device are specified in 600, which points to an AWT Toolkit Characteristics file 
5 200. The UI Model 100 contains an Interactor definition 100 for an abstract Interactor of type 
"Input". By matching this type against the interactor type 220 in the mappings 210 within the 
toolkit description 200, a mapping can be established to concrete toolkit widget called EntryField 
230. Using the "label" property 120 from the UI Model, and the sizing formula 240 from the 
toolkit characteristics file, a size for the EntryField widget is calculated. This size is used to 
ill 10 position the widget on the screen, relative to its boundaries. Its size, position, and other 

m 

rU properties, such as "label", 540 are stored in the widget definition 520. The widget definition also 

m 

iSM contains the concrete toolkit widget type 530, and is stored in a screen definition 510. The screen 

I q definition will contain all of the widgets that "fit" on a single screen of the target device. The 

□ screen definitions set 500 contains as many screen definitions 510 as required for rendering the 

r*\ 

1 5 application on this particular device/toolkit combination. 

Figure 7 shows the inputs and outputs for the layout manager 35. This component is 
responsible for rendering the device-specific screen definitions 100 produced by the layout 
generator and creating screen representations, the renderings 200, from them. Typically, there 
will be a single screen representation displayed for each device/toolkit combination provided in 

20 the set of screen definitions, but this need not be the case. Other implementations may provide for 
simultaneous multiple screens displayed from a single device, or any combination of these two 
options. 
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Each set of screen definitions 100 contains one or more screen definitions 1 10 for a 
particular device/toolkit combination. The structure of the screen definitions has been described 
above. Screen representations 200 are greeked representations of the user-interface on different 
devices. Each screen representation 210 contains a set of widget representations 220. In the 
greeked representation, these are simply on-screen rectangles, each rectangle representing the size 
and location of a particular user-interface widget. 

The layout manager 35 uses standard rendering techniques to produce a display. 
Individual screen definitions 1 10 to be displayed are selected based on user choice, or other 
selection mechanisms. For each screen definition 1 10, the widget definitions 120 are read. The 
widget attributes 140 contain size and location information used to render the greeked 
representation of the widget 220. Figure 8 shows a specific example with layout manager 35 
generating a device 1 representation 21 OA and device 2 representation 21 0B. 

Second Embodiment 

An alternate architecture presented with minor modification and shown in Figure 9A 

provides a second exemplary embodiment of the invention. This embodiment provides for 

direct-manipulation of the greeked view with simultaneous update of all view for all devices. The 

modified architecture is shown in figure 9 A. Figure 9 A is identical to that in Figure 3, with the 

addition of two arrows 900, 901, shown in black. The first arrow 900 represents changes to the 

device-independent interface specification (UI Model) 400 that are required. For changes in the 

greeked views 36, 37, 38, which represent device-specific layouts 34 to reflect back in the 
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device-independent specification 3 1, pointers are added from the device-dependent specification 
34 to corresponding items in the device-independent specification. 

This correspondence is shown in Figure 9B. The entries here are identical to those 
previously presented in Figure 5D, with the addition of an object identifier ObjID in the 
device-specific layout specification 220, matching the one in the device-independent specification 
110. Using that correspondence, the layout manager 35 can produce appropriate modifications, 
such as reordering of interactors or changes to properties, to the device-independent interface 
specification. 

A second addition is a control path 901 allowing the layout manager 35 to invoke the 
layout generator 500. When changes to any of the device-dependent specification 34 have been 
initiated, a complete set of device-dependent layouts 34 must be recomputed, and then the layout 
manager 35 uses these to redisplay the greeking view 36,37,38. 

Figure 10 illustrates a typical hardware configuration of a computer system (e.g., as an 
emulator or use with the present invention) and which preferably has at least one processor or 
central processing unit (CPU) 101 1. 

The CPUs 101 1 are interconnected via a system bus 1012 to a random access memory 
(RAM) 1014, read-only memory (ROM) 1016, input/output (I/O) adapter 1018 (for connecting 
peripheral devices such as disk units 1021 and tape drives 1040 to the bus 1012), user interface 
adapter 1022 (for connecting a keyboard 1024, mouse 1026, speaker 1028, microphone 1032, 
and/or other user interface device to the bus 1012), a communication adapter 1034 for connecting 
an information handling system to a data processing network, the Internet, an Intranet, a personal 
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area network (PAN), etc., and a display adapter 1036 for connecting the bus 1012 to a display 
device 1038 and/or printer 1039 (e.g., a digital printer or the like). 

In addition to the hard ware/soft ware environment described above, a different aspect of 
the invention includes a computer-implemented method for performing the above method. As an 
5 example, this method may be implemented in the particular environment discussed above. 

Such a method may be implemented, for example, by operating a computer, as embodied 
by a digital data processing apparatus, to execute a sequence of machine-readable instructions. 
These instructions may reside in various types of signal-bearing media. 

Thus, this aspect of the present invention is directed to a programmed product, comprising 
10 signal-bearing media tangibly embodying a program of machine-readable instructions executable 
by a digital data processor incorporating the CPU 1011 and hardware above, to perform the 
method of the invention. 

This signal-bearing media may include, for example, a RAM contained within the CPU 

rj 1011, as represented by the fast-access storage for example. Alternatively, the instructions may be 

Fi 

M 15 contained in another signal-bearing media, such as a magnetic data storage diskette 1 100 (Figure 

1 1), directly or indirectly accessible by the CPU 1011. 

Whether contained in the diskette 1 100, the computer/CPU 101 1, or elsewhere, the 

instructions may be stored on a variety of machine-readable data storage media, such as DASD 

storage (e.g., a conventional "hard drive" or a RAID array), magnetic tape, electronic read-only 

20 memory (e.g., ROM, EPROM, or EEPROM), an optical storage device (e.g. CD-ROM, WORM, 

DVD, digital optical tape, etc.), paper "punch" cards, or other suitable signal-bearing media 

including transmission media such as digital and analog and communication links and wireless. In 
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an illustrative embodiment of the invention, the machine-readable instructions may comprise 
software object code, compiled from a language such as "C", etc. 

The invention described above provides a number of valuable benefits. Using the 
invention, there is no need to download and run separate emulators for each target platform. All 
views can be seen at once and the views are consistent and synchronized. The invention makes it 
easy to preview new devices, even if emulators are not available. 

The invention lends itself particularly well to multiple platform environments such as 
development tools for multi-platform devices or for development of new devices. It can also 
provide a valuable tool for integrated software development or could be used as a simple 
stand-alone multi-platform previewer. 

While the invention has been described in terms of preferred embodiments, those skilled in 
the art will recognize that the invention can be practiced with modification within the spirit and 
scope of the appended claims. 
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